import { reqGetInfo, reqGetUserinfoByid, reqLogin } from '@/api/user'
import { resetRouter } from '@/router'
import { getToken, setToken, removeToken } from '@/utils/auth'
// import router from '@/router'
const state = {
  // 本地持久化 token
  token: getToken(),
  userInfo: {}
}
// 状态修改
const mutations = {
  setToken(state, newToken) {
    // 存入vuex
    state.token = newToken
    // 存入本地持久化 cookie
    setToken(newToken)
  },
  // 存入用户信息
  setUserinfo(state, userInfo) {
    state.userInfo = userInfo
  },
  // 清除token
  removeToken(state) {
    // 本地token
    state.token = ''
    // vuex的token
    removeToken()
  },
  // 清除用户信息
  removeUserinfo(state) {
    state.userInfo = {}
  }
}
// 异步操作, 发请求，定时器延时器
const actions = {
  async login(context, data) {
    // 发送请求 ，触发的是mutations的settoken
    const res = await reqLogin(data)
    const token = res.data
    context.commit('setToken', token)
    return res
  },
  // 获取用户资料
  async getUserinfo(context) {
    const { data: data1 } = await reqGetInfo()
    // console.log(res)
    const { data: data2 } = await reqGetUserinfoByid(data1.userId)
    // console.log(res)
    // const res = {
    //   ...data1,
    //   ...data2
    // }
    const res = Object.assign({}, data1, data2)
    context.commit('setUserinfo', res)
    return res
  },
  // 退出功能
  async logout(context) {
    // 删除token
    context.commit('removeToken')
    // 删除用户信息
    context.commit('removeUserinfo')
    // 重置路由
    resetRouter()
    // 重置Vuex中的路由信息
    context.commit('permission/setRoutes', [], { root: true })
  }

}
export default {
  namespaced: true,
  state,
  mutations,
  actions
}
